<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<style type="text/css">
.ui-page {
	background: url(/images/bg.png) no-repeat !important;
	background-size: 100% 100%;
}
​
</style>
<script type="text/javascript">
var faq_status = 0;
function faq_open(num){
	if (faq_status !=num){
		for (var i=1; i < 10; i++){
			$('#faq_a' + i).slideUp();
		}
		$('#faq_a' + num).slideDown();
		faq_status = num;
	} else {
		$('#faq_a' + num).slideUp();
		faq_status = 0;
	}
}

</script>
</head>
<body>

	<div data-role="page"
		style="background: url('image/bg.png') no-repeat;">
		<div data-role="header">
			<h1>[공지사항] battle</h1>
		</div>
		<!-- List View ul ( 번호 안붙이는 tag ) -->
		<div data-role="content">
			<ul data-role="listview" data-inset="true">
				<c:choose>
					<c:when test="${not empty list}">
						<c:forEach var="notice" items="${list}" varStatus="i">
							<li><a href="javascript:faq_open(${i.count});"> * <c:out
										value="${notice.title }" /></a></li>
							<li id="faq_a${i.count}" style="display: none; background: white"><c:out
									value="${notice.contents }" escapeXml="false" /></li>
						</c:forEach>
					</c:when>
				</c:choose>
			</ul>


		</div>
	</div>
</body>
</html>